function mnobras() {
	$('#content').load("html/manterobras.html #pnlMntrObras", function() {
		montarGridObras();
		
		$('#tabs').tabs();
	});
}

function montarGridObras() {
	var pCampos = {
	    	id: {key: true,
		   		 create: false,
		   		 edit: false,
		   		 list: false},
		   	codigo: {title: 'Código',
		           	 width: '15%'},
		    interna: {title: 'Obra interna?',
		    		  list: false,
		    		  create: true,
		    		  edit: true,
		    		  type: 'checkbox',
		    		  values: {'0': 'Não', '1': 'Sim'}
		           	 },
		    cliente: {create: true,
		    		  list: false,
		    		  edit: true,
		    		  type: 'hidden'},
		    nome: {title: 'Nome',
		    	   width: '70%'},
		    localizacao: {title: 'Localização',
		    			  visibility: 'hidden'},
   		    contato: {title: 'Contato',
			    	  visibility: 'hidden'},
		    telefone: {title: 'Telefone',
		    		   width: '15%'},
		    fax: {title: 'Fax',
		    	  visibility: 'hidden'},
			ramal: {title: 'Ramal',
			    	visibility: 'hidden'}
			};
	var pChave = 'nome ASC';
	var pClasse = 'obra';
	var pFiltro = new Array({campo: 'codigo', titulo: 'Código', selecionado: true}, 
							{campo: 'nome', titulo: 'Nome', selecionado: false},
							{campo: 'contato', titulo: 'Contato', selecionado: false}
	);
	
	$('#pnlObras').load("html/manter.html #pnlMntr", function() {
		// campos de filtro
		var pnlFiltro = $('<div>');
		var cbb = $('<select>').attr({id: 'cbbCampo', name: 'cbbCampo'});
		var ipt = $('<input>').attr({type : "text", name: 'edtFiltro', id: 'edtFiltro'});
		var item = null;
		
		for (var opt in pFiltro) {
			item = $('<option>').attr({
					value: pFiltro[opt].campo,
					
				}).append(pFiltro[opt].titulo);

			if (pFiltro[opt].selecionado) {
				$(item).attr({selected: "selected"});
			}

			$(cbb).append(item);
		}
		$(pnlFiltro).append(cbb, " ", ipt);
		// fim campos de filtro

		$('#grdDataset').jtable({
		    messages: getJTableMessages(),
			title: '&nbsp;',
			paging: true,
			selecting: true,
			multiselect: true,
			actions: {
	                listAction: 'post.php?action=' + pClasse + '.consultar',
	                createAction: 'post.php?action=' + pClasse + '.inserir',
	                updateAction: 'post.php?action=' + pClasse + '.alterar',
	                deleteAction: 'post.php?action=' + pClasse + '.excluir'
			},
	        fields: pCampos,
	        sorting: true,
	        toolbar: {
			hoverAnimation: true,
			items: [{text:  $(pnlFiltro)},
				{text: 'Filtrar',
				click: carregarDadosGrid},
				{text: 'Excluir selecionados',
				 click: excluirSelecionados,
				 icon: 'css/themes/lightcolor/delete.png'
				}]
			},
		    defaultSorting: pChave,
		    formCreated: function(evento, dados) {
		    	var conteiner = dados.form.parent();
		    	var form = dados.form.detach();
		    	$(conteiner).load('html/manterobras.html #pnlEdtObra', function() {
		    		$('#fldObra').append(form);
		    		
		    		if (dados.formType == "edit") {
	        			params = [{
							nome: "action",
							valor: "cliente.consultarPK"
						},
						{
							nome: "id",
							valor: $('#Edit-cliente').val()
						}];

						exec(params, 
								function(dados) {
									if (dados.Records[0]) {
					        			$('#lblCliNome').html(dados.Records[0].nome);
					        			$('#lblCliEndereco').html(dados.Records[0].logradouro + ", " + dados.Records[0].num + " - " + dados.Records[0].bairro);
					        			$('#lblCliCidadeUF').html(dados.Records[0].cidade + " - " + dados.Records[0].uf);
					        			$('#lblCliFoneFax').html(dados.Records[0].telefone + " / " + dados.Records[0].fax);
									}
								});
		    		}
					
		    		$('#edtCliente').autocomplete({
		        		source: function (request, response) {
		        			params = [{
		        							nome: "action",
		        							valor: "cliente.consultarNomeOuCod"
		        						},
		        						{
		        							nome: "valor",
		        							valor: request.term
		        						}];

		        			exec(params, 
		        					function(dados) {
		        						if (dados.Records) {
			        						response($.map(dados.Records, function (item) {
			        							return [{label: item.codigo + " - " + item.nome,
			        									record: item}];
			        							}
			        						));
		        						}
		        					});
		        		},
		        		select: function (event, ui) {
		        			$('#lblCliNome').html(ui.item.record.codigo + " - " + ui.item.record.nome);
		        			$('#lblCliEndereco').html(ui.item.record.logradouro + ", " + ui.item.record.num + " - " + ui.item.record.bairro);
		        			$('#lblCliCidadeUF').html(ui.item.record.cidade + " - " + ui.item.record.uf);
		        			$('#lblCliFoneFax').html(ui.item.record.telefone + " / " + ui.item.record.fax);
		        			$('#Edit-cliente').val(ui.item.record.id);
		        		}
		        	});
		    	});
		    }
		});
		
		// carregar dados
	    carregarDadosGrid();
		
		$('#grdDataset').show();
	    $('#pnlMntr').draggable();
	});
}
